<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
		<link rel="icon" href="favicon.ico" type="image/ico">
		<meta name="keywords" content="OA,光年OA管理系统">
		<meta name="description" content="光年OA管理系统">
		<meta name="author" content="yinqi">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/materialdesignicons.min.css" rel="stylesheet">
		<link href="css/style.min.css" rel="stylesheet">
		<script src="js/axios.min.js"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<style>
			.lyear-wrapper {
				position: relative;
			}
			.lyear-login {
				display: flex !important;
				min-height: 100vh;
				align-items: center !important;
				justify-content: center !important;
			}
			.login-center {
				background: #fff;
				min-width: 38.25rem;
				padding: 2.14286em 3.57143em;
				border-radius: 5px;
				margin: 2.85714em 0;
			}
			.login-header {
				margin-bottom: 1.5rem !important;
			}
			.login-center .has-feedback.feedback-left .form-control {
				padding-left: 38px;
				padding-right: 12px;
			}
			.login-center .has-feedback.feedback-left .form-control-feedback {
				left: 0;
				right: auto;
				width: 38px;
				height: 38px;
				line-height: 38px;
				z-index: 4;
				color: #dcdcdc;
			}
			.login-center .has-feedback.feedback-left.row .form-control-feedback {
				left: 15px;
			}
		</style>
	</head>

	<body>
		<div class="row lyear-wrapper" id="login">
			<div class="lyear-login">
				<div class="login-center">
					<div class="login-header text-center">
						<a href="index.html"> <img alt="light year admin" src="images/logo-sidebar.png"> </a>
					</div>
					<form action="#!" method="post">
						<div class="form-group has-feedback feedback-left">
							<input type="text" placeholder="请输入您的用户名" class="form-control" v-model="empId" name="empId" id="empId" />
							<span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
						</div>
						<div class="form-group has-feedback feedback-left">
							<input type="password" placeholder="请输入密码" class="form-control" v-model="empPassword" id="empPassword" name="empPassword" />
							<span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
						</div>
						<!-- <div class="form-group has-feedback feedback-left row">
							<div class="col-xs-7">
								<input type="text" name="captcha" class="form-control" placeholder="验证码">
								<span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
							</div>
							<div class="col-xs-5">
								<img src="images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();"
								 title="点击刷新" alt="captcha">
							</div>
						</div> -->
						<div class="form-group">
							<button class="btn btn-block btn-primary" type="button" @click="login(empId,empPassword)">立即登录</button>
						</div>
					</form>
					<hr>
					<footer class="col-sm-12 text-center">
						<p class="m-b-0">Copyright © 2019 <a href="http://lyear.itshubao.com">夜泊</a>. All right reserved</p>
					</footer>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript">
			new Vue({
				el: "#login",
				data: {
					empId: "",
					empPassword: ""
				},
				methods: {
					login: function(empId, empPassword) {

						var that = this;

						if (empId == "") {
							alert("用户名不能为空!!");
							location.reload();
						} else if (empPassword == "") {
							alert("密码不能为空!!");
							location.reload();
						} else {
							axios.get("http://localhost:8080/employee/getListByEmpId", {
								params: {
									empId: that.empId
								}
							}).then(function(d) {
								console.log("d=", d.data.data[0].empPassword);
								if(that.empPassword==d.data.data[0].empPassword){
									location.href="index.html?"+"empId="+empId;
								}else{
									alert("密码错误,清重新输入用户名和密码!!");
									location.reload();
								}
							}).catch(function(error) {
								console.log("e=", error);
							})



						}
					}
				}
			})
		</script>
	</body>
</html>
